<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="icon" type="image/x-icon" href="img/htc.ico"/>
		<title>首页-HTC官方社区</title>
		<link rel="stylesheet" type="text/css" href="css/nav.css"/>
		<link rel="stylesheet" type="text/css" href="css/Community.css"/>
	</head>
	<body>
		<!--导航部分开始-->
		<div id="nav">
			<!--图标部分-->
			<div class="logo">
				<a href="index.html"><img src="img/htc-logo.png"/></a>
			</div>
			<!--菜单部分-->
			<div class="menu">
				<ul>
					<li><a href="#">官方商城</a></li>
					<li><a href="#">全部产品<div></div></a></li>
					<li><a href="#">VIVE</a></li>
					<li><a href="#">配件</a></li>
					<li><a href="#">官方社区</a></li>
					<li><a href="#">最新活动</a></li>
				</ul>
			</div>
			<!--全部商品列表-->
			<div class="allProduct">
				<div class="allProduct_left">
					<ul>
						<li><a href="#">__ 智能手机</a></li>
						<li><a href="#">__ 相机</a></li>
						<li><a href="#">__ VIVE</a></li>
						<li><a href="#">__ 配件</a></li>
					</ul>
				</div>
				<div class="allProduct_right">
					<div class="allProduct_rightMain">
						<a href="#"><img src="img/allProduct/1.png"/></a>
						<a href="#">
							<span>HTC U11</span>
							<span><em>智感一握，耳目清新</em></span>
						</a>
					</div>
					<div class="allProduct_rightMain">
						<a href="#"><img src="img/allProduct/2.png"/></a>
						<a href="#">
							<span>HTC U Ultra 双屏全网通</span>
							<span><em>大热爱，小自在！</em></span>
						</a>
					</div>
					<div class="allProduct_rightMain">
						<a href="#"><img src="img/allProduct/3.png"/></a>
						<a href="#">
							<span>HTC 10</span>
							<span><em>十力觉醒</em></span>
						</a>
					</div>
					<div class="allProduct_rightMain">
						<a href="#"><img src="img/allProduct/4.png"/></a>
						<a href="#">
							<span>HTC Desire 10 pro 全网通双卡双待</span>
							<span><em>就是会玩儿</em></span>
						</a>
					</div>
				</div>
			</div>
			<!--搜索框部分-->
			<div class="search">
				<div class="search_top">
					<ul>
						<li><a href="#">在线客服</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">售后服务</a></li>
					</ul>
				</div>
				<div class="search_bottom">
					<span class="iconfont"><img src="img/index/magnify.png"/></span>
					<input type="text" name="search" id="search" value="搜索" onfocus="this.value=''" onblur="if(this.value==''){this.value='搜索'}" />
				</div>
			</div>
		</div>
		<!--导航部分结束-->
		
		<!--菜单部分开始-->
		<div id="menu">
			<div class="menu_left">
				<ul>
					<li><a href="#">登入HTC论坛</a></li>
					<li>|</li>
					<li><a href="#">无法登入？</a></li>
				</ul>
			</div>
			<div class="menu_right">
				<ul>
					<li>
						<a href="#">讨论区</a>
						<div class="menuMain">
							<ul>
								<li><a href="#">综合讨论</a></li>
								<li><a href="#">产品讨论</a></li>
								<li><a href="#">售后服务</a></li>
								<li><a href="#" class="menuLast">社区事务</a></li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">活动专区</a>
						<div class="menuMain">
							<ul>
								<li><a href="#">任务中心</a></li>
								<li><a href="#">投票专区</a></li>
								<li><a href="#" class="menuLast">兑换中心</a></li>
							</ul>
						</div>
					</li>
					<li><a href="#">新鲜事</a></li>
				</ul>
			</div>
		</div>
		<!--菜单部分结束-->
		
		<!--轮播图部分开始-->
		<div id="banner2">
			<div class="slide2">
				<div class="slide_wrap2">
					<ul>
						<li><a href="#"><img src="img/Community/banner5.jpg"/></a></li>
						<li><a href="#"><img src="img/Community/banner1.jpg"/></a></li>
						<li><a href="#"><img src="img/Community/banner2.jpg"/></a></li>
						<li><a href="#"><img src="img/Community/banner3.jpg"/></a></li>
						<li><a href="#"><img src="img/Community/banner4.jpg"/></a></li>
						<li><a href="#"><img src="img/Community/banner5.jpg"/></a></li>
						<li><a href="#"><img src="img/Community/banner1.jpg"/></a></li>
					</ul>
				</div>
				<!--按钮部分-->
				<div class="btn2">
					<a href="javascript:;" class="prev"></a>
					<a href="javascript:;" class="next"></a>
				</div>
				<div class="tab2">
					<a href="javascript:;" class="active"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
					<a href="javascript:;"></a>
				</div>
			</div>
		</div>
		<!--轮播图部分结束-->
		
		<!--一路有你部分开始-->
		<div id="twentyYear">
			<ul>
				<li>
					<a href="#">
						<img src="img/Community/twentyYear1.jpg"/>
						<div class="twentyYear_box"></div>
						<p>HTC U11试用：多方夹击下，还值得我们掏4599吗</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/Community/twentyYear2.jpg"/>
						<div class="twentyYear_box"></div>
						<p>U11骚红来了，还在等什么？</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/Community/twentyYear3.jpg"/>
						<div class="twentyYear_box"></div>
						<p>HTC社区照片墙——致最好的自己</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/Community/twentyYear4.jpg"/>
						<div class="twentyYear_box"></div>
						<p>U11 夜景拍摄 之 浦江月色</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/Community/twentyYear5.jpg"/>
						<div class="twentyYear_box"></div>
						<p>骄傲是我的姿态——HTC U11影像记录</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/Community/twentyYear6.jpg"/>
						<div class="twentyYear_box"></div>
						<p>HTC U11简单随手拍</p>
					</a>
				</li>
			</ul>
		</div>
		<!--一路有你部分结束-->
		
		<!--文章部分开始-->
		<div id="article">
			<div class="articleContent">
				<ul>
					<li>最新文章</li>
					<li>
						<a href="#"><img src="img/Community/article/left1.jpeg"/></a>
						<a href="#">扬声器扬声器扬声器</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left2.jpeg"/></a>
						<a href="#">QQ面对面快传无法发送文件</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left3.jpeg"/></a>
						<a href="#">【每周选手机】新闻广告与明星效应的时代-HTC创</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left4.jpeg"/></a>
						<a href="#">希望商城赶快上转折头</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left5.jpeg"/></a>
						<a href="#">U11双卡设置里为什么不能默认拨号卡和短信卡呢？</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left6.jpeg"/></a>
						<a href="#">HTC快速上手体验（下）</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left7.jpeg"/></a>
						<a href="#">考虑了几天，还是换机了</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left8.jpeg"/></a>
						<a href="#">发现由内而外的美 HTC U11拆机评测</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left9.jpeg"/></a>
						<a href="#">HTC 拍照过曝问题</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/left10.jpeg"/></a>
						<a href="#">同为4999元, iPhone7和HTCU11直接选择HTC</a>
					</li>
				</ul>
			</div>
			<div class="articleContent">
				<ul>
					<li>热门文章</li>
					<li>
						<a href="#"><img src="img/Community/article/mid1.jpeg"/></a>
						<a href="#">U11 128G使用感受</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid2.jpeg"/></a>
						<a href="#">什么情况</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid3.jpeg"/></a>
						<a href="#">发现由内而外的美 HTC U11拆机评测</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid4.jpeg"/></a>
						<a href="#">htc谷歌问题</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid5.jpeg"/></a>
						<a href="#">手贱下了个一键锁屏结果出问题了！！求帮助！</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid6.jpeg"/></a>
						<a href="#">HTC U11和一加5，你认为谁才是机皇。我选U</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid7.jpeg"/></a>
						<a href="#">大家有没购买另套QC3.0充电器？</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid8.jpeg"/></a>
						<a href="#">u11能使用的一键锁屏，附链接。</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid9.jpeg"/></a>
						<a href="#">蓝宝石版，手机系统更新之后，掉电快，还发热</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/mid10.jpeg"/></a>
						<a href="#">【每周系列】B-TIME 参与回复奖励经验值+5</a>
					</li>
				</ul>
			</div>
			<div class="articleContent">
				<ul>
					<li>好文上头条</li>
					<li>
						<a href="#"><img src="img/Community/article/right1.jpeg"/></a>
						<a href="#">HTC 大陆官方ROM（已更新U11版本）</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right2.jpeg"/></a>
						<a href="#">玩转肠粉乐园，玩转社区、惊喜就等你来！</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right3.jpeg"/></a>
						<a href="#">社区等级兑换折扣返利</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right4.jpeg"/></a>
						<a href="#">U11 夜景拍摄之黄浦江月色</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right5.jpeg"/></a>
						<a href="#">拍照了U11顺逆光随手拍照</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right6.jpeg"/></a>
						<a href="#">想了解U11的新功能</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right7.jpeg"/></a>
						<a href="#">休息日无聊去公园走走U11</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right8.jpeg"/></a>
						<a href="#">U11の亲斤木羊弓长II~近期压箱底的美图</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right9.jpeg"/></a>
						<a href="#">你或许还不知道，HTC Sense Companion是个不错</a>
					</li>
					<li>
						<a href="#"><img src="img/Community/article/right10.jpeg"/></a>
						<a href="#">U11 128G使用感受</a>
					</li>
				</ul>
			</div>
		</div>
		<!--文章部分结束-->
		
		<!--新鲜事部分开始-->
		<div id="newThing">
			<h2>新鲜事</h2>
			<div class="newThing_content">
				<div class="newThing_contentLeft">
					<a href="#"><img src="img/Community/article/newThing/1.jpg"/></a>
				</div>
				<div class="newThing_contentRight">
					<a href="#">新生万物 • 玩所未玩 - 手游冒险家狂欢派对招募ing!</a>
					<p>#京东3C&龙之谷手游冒险家狂欢节#线下派对将于4月15日在北京盛大开启！现场不仅有新机体验、互动抽奖等多重惊喜，更有10支不同品牌手机战队参与新机大冒险竞技赛！现面向北 ...</p>
				</div>
			</div>
			
			<div class="newThing_content">
				<div class="newThing_contentLeft">
					<a href="#"><img src="img/Community/article/newThing/2.jpg"/></a>
				</div>
				<div class="newThing_contentRight newThing_special">
					<a href="#">Viveport本周优惠精选 - VR社群应用系列礼包</a>
					<p>每周都会有的Viveport优惠应用又来啦！</p>
					<p>本周的Viveport精选要带给大家的是热门社群应系列，将5款有趣的VR社群应用组成了一个捆绑包，超级划算的哦！ </p>
					<p>没有玩过的朋友赶 ...</p>
				</div>
			</div>
			
			<div class="newThing_content">
				<div class="newThing_contentLeft">
					<a href="#"><img src="img/Community/article/newThing/3.jpg"/></a>
				</div>
				<div class="newThing_contentRight">
					<a href="#">【官方社区-HTC U Ultra新机试用活动】大热爱，小自在</a>
					<p>HTC U Ultra 隆重登场!</p>
					<p>5.7英寸大屏手机为你量身定制，成全你的热爱。双面玻璃和精致流边设计，让世界与你相映成趣。更有2.05英寸自在小屏，守护你的自在世界。它懂得倾听 ...</p>
				</div>
			</div>
			
			<div class="newThing_content">
				<div class="newThing_contentLeft">
					<a href="#"><img src="img/Community/article/newThing/4.jpg"/></a>
				</div>
				<div class="newThing_contentRight newThing_special">
					<a href="#">Viveport拜年 | 春节特献 游戏福袋来啦！</a>
					<p>为喜庆过大年，Viveport还给大家准备了新春特献游戏福袋，相当于发了大红包呢！ </p>
					<p>------------------------春节特献 游戏福袋------------------------</p>
					<p>优惠时间：截止 ...</p>
				</div>
			</div>
			
			<div class="newThing_content">
				<div class="newThing_contentLeft">
					<a href="#"><img src="img/Community/article/newThing/5.jpg"/></a>
				</div>
				<div class="newThing_contentRight newThing_special">
					<a href="#">VIVE追踪器，开放免费申请了!</a>
					<p>大好消息！Vive追踪器开发者套件正式开放申请啦!</p>
					<p>点击这里申请Vive追踪器开发者套件</p>
					<p>1月5日，HTC在CES展首次发布了Vive追踪器，并宣布将面向全球优质开发者发放1000台Vi ...</p>
				</div>
			</div>
			
			<div class="newThing_content">
				<div class="newThing_contentLeft">
					<a href="#"><img src="img/Community/article/newThing/6.jpg"/></a>
				</div>
				<div class="newThing_contentRight newThing_special">
					<a href="#">VIVEPORT 周末优惠 | 良心且出色的国产VR射击，限免！</a>
					<p>本周末的Viveport五折优惠应用又来咯！不仅如此，还有一款新上架的限时免费应用，真是超爽der!!! </p>
					<p>最后一如既往推荐了5款优秀VR应用推荐，赶紧往下看吧！ </p>
					<p>----------- ...</p>
				</div>
			</div>
		</div>
		<!--新鲜事部分结束-->
		
		<!--底部部分开始-->
		<div id="bottom">
			<div class="bottomLeft">
				<ul>
					<li class="circle"></li>
					<li class="circle"></li>
					<li class="circle"></li>
					<li>关注我们</li>
				</ul>
				<div class="connectMain">
					<ul>
						<li><a href="#"><img src="img/index/weibo-color.png"/></a></li>
						<li><a href="#"><img src="img/index/qq-color.png"/></a></li>
						<li><a href="#"><img src="img/index/youku-color.png"/></a></li>
						<li><a href="#"><img src="img/index/renren-color.png"/></a></li>
					</ul>
				</div>
			</div>
			
			
			
			
			
			<div class="bottomMid">
				<div class="bottomMid_content">
					<div class="bottomMid_tri"></div>
				</div>
			</div>
			<div class="bottomRight">
				<span>沪ICP备10214397号-3 中国</span>
				<img src="img/index/globe_nbg.png" />
				<div class="bottomRight_Main">
					<div class="country">
						<h2>国家/地区</h2>
						<div class="delete">×</div>
						<div class="countryContent">
							<ul>
								<li><a href="#">Australia</a></li>
								<li><a href="#">Österreich</a></li>
								<li><a href="#">België</a></li>
								<li><a href="#">Belgique</a></li>
								<li><a href="#">Brazil</a></li>
								<li><a href="#">Canada - English</a></li>
								<li><a href="#">Canada - Français</a></li>
								<li><a href="#">Česká republika</a></li>
								<li><a href="#">中国</a></li>
								<li><a href="#">Danmark</a></li>
								<li><a href="#">Deutschland</a></li>
								<li><a href="#">España</a></li>
								<li><a href="#">Suomi</a></li>
								<li><a href="#">France</a></li>
							</ul>
						</div>
						<div class="countryContent">
							<ul>
								<li><a href="#">Ελλάδα</a></li>
								<li><a href="#">Hong Kong</a></li>
								<li><a href="#">香港</a></li>
								<li><a href="#">Hrvatska</a></li>
								<li><a href="#">India</a></li>
								<li><a href="#">Indonesia</a></li>
								<li><a href="#">Ireland</a></li>
								<li><a href="#">Italia</a></li>
								<li><a href="#">日本</a></li>
								<li><a href="#">한국</a></li>
								<li><a href="#">Казахстан</a></li>
								<li><a href="#">América Latina</a></li>
								<li><a href="#">Magyarország</a></li>
								<li><a href="#">Middle East</a></li>
							</ul>
						</div>
						<div class="countryContent">
							<ul>
								<li><a href="#">الشرق الأوسط</a></li>
								<li><a href="#">Myanmar</a></li>
								<li><a href="#">Nederland</a></li>
								<li><a href="#">New Zealand</a></li>
								<li><a href="#">Norge</a></li>
								<li><a href="#">Россия и СНГ</a></li>
								<li><a href="#">Polska</a></li>
								<li><a href="#">Portugal</a></li>
								<li><a href="#">România</a></li>
								<li><a href="#">die Schweiz</a></li>
								<li><a href="#">Svizzera</a></li>
								<li><a href="#">Suisse</a></li>
								<li><a href="#">Србија</a></li>
							</ul>
						</div>
						<div class="countryContent">
							<ul>
								<li><a href="#">Slovensko</a></li>
								<li><a href="#">Singapore</a></li>
								<li><a href="#">Sverige</a></li>
								<li><a href="#">台灣</a></li>
								<li><a href="#">ประเทศไทย</a></li>
								<li><a href="#">Türkiye</a></li>
								<li><a href="#">Україна</a></li>
								<li><a href="#">United Kingdom</a></li>
								<li><a href="#">United States</a></li>
								<li><a href="#">Việt Nam</a></li>
								<li><a href="#">Additional Support</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="bottomMid_main">
			<div class="bottomMain">
				<div class="bottomMain_content">
					<div class="bottomMain_left">
						<ul>
							<li>
								<ul>
									<li>全部产品</li>
									<li><a href="#">HTC 智能手机</a></li>
									<li><a href="#">HTC 如影</a></li>
									<li><a href="#">HTC 配件</a></li>
									<li><a href="#">线下门店</a></li>
								</ul>
							</li>
							<li>
								<ul>
									<li>技术支持</li>
									<li><a href="#">软件下载</a></li>
									<li><a href="#">产品保固说明</a></li>
									<li><a href="#">客户服务中心</a></li>
									<li><a href="#">中国-香港维修注册</a></li>
									<li><a href="#">客服自助平台</a></li>
								</ul>
							</li>
							<li>
								<ul>
									<li>人才招募</li>
									<li><a href="#">加入我们</a></li>
								</ul>
							</li>
						</ul>
						
						<ul>
							<li>
								<ul>
									<li>官方商城</li>
									<li><a href="#">全部手机</a></li>
									<li><a href="#">配件专区</a></li>
									<li><a href="#">售后服务</a></li>
								</ul>
							</li>
							<li>
								<ul>
									<li>HTC Club</li>
									<li><a href="#">官方社区</a></li>
								</ul>
							</li>
							<li>
								<ul>
									<li>创新</li>
									<li><a href="#">创新</a></li>
									<li><a href="#">UltraPixel 摄像头</a></li>
									<li><a href="#">HTC 迁移</a></li>
									<li><a href="#">HTC Connect</a></li>
								</ul>
							</li>
						</ul>
						<ul>
							<li>
								<ul>
									<li>活动专区</li>
									<li><a href="#">进行中的活动</a></li>
								</ul>
							</li>
							<li>
								<ul>
									<li>关于 HTC</li>
									<li><a href="#">新闻稿</a></li>
									<li><a href="#">公司概览</a></li>
									<li><a href="#">管理层</a></li>
									<li><a href="#">企业责任</a></li>
								</ul>
							</li>
						</ul>
						<ul>
							<li>
								<ul>
									<li>联络我们</li>
									<li><a href="#">在线即时聊天</a></li>
									<li><a href="#">预约当面服务</a></li>
									<li><a href="#">致电</a></li>
								</ul>
							</li>
							<li>
								<ul>
									<li>网站</li>
									<li><a href="#">HTC Vive官方网站</a></li>
									<li><a href="#">HTC Blog</a></li>
									<li><a href="#">HTC Dev</a></li>
									<li><a href="#">HTC Pro</a></li>
									<li><a href="#">HTC Research</a></li>
									<li><a href="#">Get Started</a></li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="bottomMain_right">
						<div class="bottomMain_rightTop">
							<img src="img/index/htc-footer-logo.png"/>
							<p>Copyright 2017 宏达国际电子股份有限公司。 著作权所有，并保留一切权利。</p>
							<span><a href="#">使用条款与客户私隐政策</a></span>
							<span><a href="#">沪ICP备10214397号-3</a></span>
						</div>
						<div class="bottomMain_rightBottom">
							<img src="img/Community/qr_code_cn.jpg"/>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部部分结束-->
		<script type="text/javascript" src="js/jquery-1.12.1.min.js" ></script>
		<script type="text/javascript" src="js/Community.js" ></script>
		<script type="text/javascript" src="js/banner.js" ></script>
	</body>
</html>
